<template>
  <div class="login-container">
    <!-- 登陆页面的返回小箭头部分-->
    <landed-back-btn></landed-back-btn>

    <!-- 登陆页面的logo图部分-->
    <landed-logo></landed-logo>

    <!-- 登陆页面中点击登陆或是注册部分的组件 -->
    <landed-tab-control @isLogin="isLogin"></landed-tab-control>

    <!-- 登陆页面中输入的组件-->
    <landed-input-form :index="index"></landed-input-form>
  </div>
</template>

<script>
import LandedBackBtn from './components/backButton'
import LandedLogo from './components/logo'
import LandedTabControl from './components/tabControl'
import LandedInputForm from './components/inputForm'
export default {
  name: 'Login',
  components: {
    LandedBackBtn,
    LandedLogo,
    LandedTabControl,
    LandedInputForm
  },
  data() {
    return {
      index: 0,
    }
  },
  methods: {
    isLogin(index) {
      this.index = index;
    }
  }
}
</script>

<style lang="less" scoped>
</style>
